<template>
  <div class="anNiu">
    <button @click="backUp()">点我返回上页(〃'▽'〃)</button>
  </div>
</template>

<script>
export default {
  methods: {
    backUp() {
      this.$router.go(-1);
    },
  },
};
</script>

<style lang="less" scoped>
.anNiu {
  position: fixed;
  top: 0;
  button {
    margin-left: 20%;
    font-size: 0.3rem;
    color: #272629;
    background: #f7f7f791;
    border: rgba(0, 0, 0, 0.3);
    border-radius: 0.15rem;
    box-shadow: 0 4px 4px 0px;
    animation-name: move;
    animation-duration: 1.5s;
  }
  @keyframes move {
    0% {
      transform: translate(0, -1.25rem);
    }

    100% {
      transform: translate(0, 0);
    }
  }
}
</style>